/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-crop() {
  // 弹窗裁剪框可滑动区域背景色(hide)
  --ti-crop-drag-box-bg-color: var(--ti-common-color-bg-white-normal, #fff);
  // 弹窗裁剪框可滑动区域背景色
  --ti-crop-modal-bg-color: var(--ti-common-color-dark, #000);
  // 弹窗裁剪框轮廓色(hide)
  --ti-crop-view-box-outline-color: var(--ti-common-color-line-active, #5e7ce0);
  // 设置裁剪框在图片正中心加号背景色
  --ti-crop-center-bg-color: var(--ti-common-color-icon-graybg-disabled, #dfe1e6);
  // 弹窗裁剪框蒙层背景色
  --ti-crop-face-bg-color: var(--ti-common-color-light, #fff);
  // 弹窗裁剪框线条背景色
  --ti-crop-line-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 弹窗裁剪框六个点背景色
  --ti-crop-point-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 操作块高度(hide)
  --ti-crop-opration-height: var(--ti-common-size-height-normal, 28px);
  // 操作块背景色(hide)
  --ti-crop-opration-bg-color: rgba(55, 55, 55, 0.3);
  // 操作块文字背景色(hide)
  --ti-crop-opration-span-bg-color: rgba(0, 0, 0, 0.5);
  // 操作块文本色(hide)
  --ti-crop-opration-span-text-color: var(--ti-common-color-light, #fff);
  // 操作块文字悬浮背景色(hide)
  --ti-crop-opration-span-hover-bg-color: rgba(0, 0, 0, 0.8);
  // 模块遮罩背景色(hide)
  --ti-crop-modal-mask-bg-color: rgba(55, 55, 55, 0.5);
  // 关闭模块背景色(hide)
  --ti-crop-moda-close-bg-color: rgba(0, 0, 0, 0.5);
  // 关闭模块图标色(hide)
  --ti-crop-moda-close-icon-color: var(--ti-common-color-light, #fff);
  // 无图片背景色(hide)
  --ti-crop-nopic-bg-color: rgba(0, 0, 0, 0.3);
  // 无图片提示色(hide)
  --ti-crop-nopic-center-text-color: rgba(255, 255, 255, 0.6);
}
